body {
  margin: 0;
  padding: 0;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.horizontal-right{
  width: 30%;
  float: right;
  margin-right: 60px;
  height: 360px;
}
.margin-left-20{
  margin-left: 20px;
}
.margin-right-20{
  margin-right: 20px;
}
.margin-top-20{
  margin-top: 20px;
}
.margin-top-40{
  margin-top: 40px;
}
.margin-bottom-40{
  margin-bottom: 40px;
}
.padding-top-20{
  padding-top: 20px;
}
.title{
  font-size: 20px;
}
.footer{
  position: relative;
  bottom: 0;
  top: 20px;
  left: 50%;
  width: 50%;
}
.mailbox-background{
  float: right;
  width: 35%;
}
.horizontal-center{
  position: absolute;
  left: 50%;
  width: 40%;
  margin-left: -20%;
}
.main-background{
  background-color: #f8f8f8
}
.page{
  width: 30px;
  border-radius: 5px;
  padding: 3px;

}
.color-success{
  color: green;
}
.color-fail{
  color: red;
}
#mouseMove:hover{
  background-color: #1e88e5;
}